<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="jquery-3.3.1.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="jquery-barcode.js"></script>
    <title>Document</title>
    <style type="text/css">
    .find{border-color: black}
    .tou{background-color: gray}
    #ss{width: 300px;}
    .row{background-color: white}
    .c1{background-color: black}
    img{width: 30px;height: 30px;}
    
    </style>
</head>
<body>
    <div class="find" style=border-style:inset>
        <div class="tou"> 
            <div class="container">
                <input type="text" id="ss" placeholder="Search Our Website & Products" >
                <img src="timg.jpg" alt="" type="button" value="">
            </div>
        </div>
  
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="c1">
                        <h2>Sleek</h2>
                        <p>Lofem ipsum dolor sit amet,consectetur adipiscing elit.
                            Aenean pharetra vanus maxitnus.Cras condimentum porttitor enim a egestas
                            Suspendisse potenti
                        </p>
                        <p><a class="btn btn-default" href="#" role="button">Read More</a></p>
                </div>
                </div>
                <div class="col-md-4">
                    <div class="c1">
                        <h2>Responsive</h2>
                        <p>Lofem ipsum dolor sit amet,consectetur adipiscing elit.
                            Aenean pharetra vanus maxitnus.Cras condimentum porttitor enim a egestas
                            Suspendisse potenti
                        </p>
                        <p><a class="btn btn-default" href="#" role="button">Read More</a></p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="c1">
                         <h2>Clean</h2>
                        <p>Lofem ipsum dolor sit amet,consectetur adipiscing elit.
                             Aenean pharetra vanus maxitnus.Cras condimentum porttitor enim a egestas
                             Suspendisse potenti
                        </p>
                        <p><a class="btn btn-default" href="#" role="button">Read More</a></p>
                    </div>
                </div>
            </div>

        </div>
    </div>

</body>
</html>